<template>
    <view class="strategy_t">
        <view class="activity">
            <view class="title"><view class="left"></view> 邀请攻略 <view class="right"></view> </view>
            <view class="strategy">
                <view class="Code">
                    <view class="icon">
                        <cdn-img src="/static/img/strategy/code.png" class='code_t' /> 
                    </view>
                    <h2>生成推广码</h2>
                    <view class="msg">生成推广海报或直接分享 好友/群</view>

                </view>
                <cdn-img src="/static/img/strategy/left.png" class='left' /> 
                <view class="Code">
                    <view class="icon">
                        <cdn-img src="/static/img/strategy/attestation.png" class='code_t' /> 
                    </view>
                    <h2>新用户认证</h2>
                    <view class="msg">新达人扫码进入平台授权完成首次认证</view>
                </view>
                <cdn-img src="/static/img/strategy/left.png" class='left' /> 
                <view class="Code">
                    <view class="icon">
                        <cdn-img src="/static/img/strategy/reward.png" class='code_t' /> 
                    </view>
                    <h2>达标获奖励</h2>
                    <view class="msg">根据邀请人数获得阶梯达标奖励</view>
                </view>
            </view>
        </view>
    </view>
</template>
<style lang="scss">
.strategy_t{
    padding-bottom: 56px;
    .strategy{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 27px 26px;
    .left{
        width: 25px;
        height: 16px;
        position: relative;
        top: -37px;
    }
    .Code{
        .icon{
            position: relative;
            width: 55px;
            margin-bottom: 11px;
            height: 55px;
            background: #f0f3ff;
            border-radius: 50%;
        }
        .code_t{
            position: absolute;
            width: 28px;
            height: 28px;
            top: 15px;
            left: 14px;
        }
        h2{
            font-size: 12px;
            color: #3A5EF4;
            font-weight: 700;
        }
        .msg{
            font-size: 11px;
            font-weight: 400;
            text-align: center;
            color: #333333;
            width: 66px;
            padding-top: 10px;
        }
    }
}
}


</style>